<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    
        <link rel="stylesheet" href="../../../static/bootstrap-3.3.7/css/bootstrap.css">
        <link rel="stylesheet" href="../../../static/bootstrap-3.3.7/css/bootstrap-theme.css">
    
        <script src="../static/js/jquery-3.3.1.js.js"></script>
        <script src="../../../static/bootstrap/js/bootstrap.j"></script>
        <style>
            .shangjiaTable{
                position: absolute;
                left: 300px;
                top: 10px;
                
                
            }
        </style>
        <style>
            .xiaotaoobject {
                height: 140px;
                width: 140px;
                object-fit: contain;
            }
            .samesize{
                height: 320px ;
                width: 100%;
                object-fit: cover;
                text-align: center;
            }
            .samesizesmall{
                height: 250px;
               max-width: 100% ;
                object-fit: cover;
                text-align: center;
            }
            body{
                background-image: url("images/背景.jpg");
            }
        </style>
    </head>
    <body >
        <!--
        <div class="shangjiaTable">
        -->
            <div class="container">
                <div class="row clearfix">
                    <div class="col-md-6 column">
                        <div class="row clearfix">
                            <div class="col-md-6 column">
                                <img alt="小淘图标" class="xiaotaoobject"  src="images/order_a.jpg" />
                            </div>
                            <div class="col-md-6 column">
                                <div class="page-header">
                                    <h1>
                                        小淘商城<p><small>2020最新潮流</small></p>
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 column">
                        <ul class="breadcrumb">
                            <li>
                                <a href="#">首页</a>
                            </li>
                            <li class="active">
                               收藏夹
                            </li>
                        </ul>
                        <blockquote>
                            <p >
                                <span class="glyphicon glyphicon-bell">
                                反正把宝贝放到收藏夹里又不用花钱
                                </span>
                            </p> <small> <cite>小淘寄语</cite></small>
                        </blockquote>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div class="tabbable" id="tabs-721123">
                            <ul class="nav nav-tabs">
                                <li>
                                     <a href="添加满减优惠.html">添加满减优惠</a>
                                </li>
                                <li class="active">
                                     <a href="#panel-177538" data-toggle="tab">添加折扣优惠</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                
                                <div class="tab-pane active" id="panel-177538">
                                    <!--
                                        折扣优惠界面
                                    -->
                                    <p>
                                        <div><strong>折扣：</strong><input type="text" value="9">折</div>
                                    </p>
                                    <div class="row clearfix">
                                        <div class="col-md-12 column">
                                            <div class="row clearfix">
                                                <div class="col-md-12 column">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            
                                                            <div class="thumbnail">
                                                                <img alt="300x200" src="../html/微信图片_20200625224034.jpg" width="300px" height="200px" />
                                                                <div class="caption">
                                                                    <h3>
                                                                        商品名称
                                                                    </h3>
                                                                    <p>
                                                                        商品介绍
                                                                    </p>
                                                                    <p>
                                                                         <a class="btn btn-primary" href="#">商品详情</a>
                                                                    </p>
                                                                    <p>
                                                                        <input type="checkbox" name="discount" value="商品1" style="zoom:200%;"><strong>添加优惠</strong> 
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            
                                                            
                                                        </div>
                            
                                                        <div class="col-md-4">
                            
                                                            <div class="thumbnail">
                                                                <img alt="300x200" src="../html/微信图片_20200625224034.jpg" width="300px" height="200px" />
                                                                <div class="caption">
                                                                    <h3>
                                                                        商品名称
                                                                    </h3>
                                                                    <p>
                                                                        商品介绍
                                                                    </p>
                                                                    <p>
                                                                         <a class="btn btn-primary" href="#">商品详情</a> 
                                                                    </p>
                                                                    <p>
                                                                        <input type="checkbox" name="discount" value="商品2" style="zoom:200%;"><strong>添加优惠</strong> 
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                            
                                                        <div class="col-md-4">
                                                            
                                                            <div class="thumbnail">
                                                                <img alt="300x200" src="../html/微信图片_20200625224034.jpg"  width="300px" height="200px"/>
                                                                <div class="caption">
                                                                    <h3>
                                                                        商品名称
                                                                    </h3>
                                                                    <p>
                                                                        商品介绍
                                                                    </p>
                                                                    <p>
                                                                         <a class="btn btn-primary" href="#">商品详情</a> 
                                                                    </p>
                                                                    <p>
                                                                        <input type="checkbox" name="discount" value="商品3" style="zoom:200%;"><strong>添加优惠</strong> 
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                            
                                                    </div>
                            
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <div class="thumbnail">
                                                                <img alt="300x200" src="v3/default4.jpg" width="300px" height="200px" />
                                                                <div class="caption">
                                                                    <h3>
                                                                        商品名称
                                                                    </h3>
                                                                    <p>
                                                                        商品介绍
                                                                    </p>
                                                                    <p>
                                                                         <a class="btn btn-primary" href="#">商品详情</a> 
                                                                    </p>
                                                                    <p>
                                                                        <input type="checkbox" name="discount" value="商品4" style="zoom:200%;"><strong>添加优惠</strong> 
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            
                            
                                                        </div>
                            
                                                        <div class="col-md-4">
                                                            <div class="thumbnail">
                                                                <img alt="300x200" src="v3/default5.jpg" width="300px" height="200px"/>
                                                                <div class="caption">
                                                                    <h3>
                                                                        商品名称
                                                                    </h3>
                                                                    <p>
                                                                        商品介绍
                                                                    </p>
                                                                    <p>
                                                                         <a class="btn btn-primary" href="#">商品详情</a>
                                                                    </p>
                                                                    <p>
                                                                        <input type="checkbox" name="discount" value="商品5" style="zoom:200%;"><strong>添加优惠</strong> 
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                            
                                                        <div class="col-md-4">
                                                            <div class="thumbnail">
                                                                <img alt="300x200" src="v3/default6.jpg" width="300px" height="200px"/>
                                            
                                                                <div class="caption">
                                                                    <h3>
                                                                        商品名称
                                                                    </h3>
                                                                    <p>
                                                                        商品介绍
                                                                    </p>
                                                                    <p>
                                                                         <a class="btn btn-primary" href="#">商品详情</a> 
                                                                    </p>
                                                                    <p>
                                                                        <input type="checkbox" name="discount" value="商品6" style="zoom:200%;"><strong>添加优惠</strong> 
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                            
                                                    </div>
                            
                                                <button type="button" class="btn btn-default">确认添加</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                
            </div>
        <!--
        </div>
        -->
        </body>
</html>
